<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script src="../Utils/jquery-3.6.0.min.js"></script>
    <link
      rel="stylesheet"
      href="../Utils/bootstrap-3.4.1-dist/css/bootstrap.min.css"
    />
    <link
      rel="stylesheet"
      href="../Style/Employment_confirmation_management.css"
    />
  </head>

  <body>
    <div id="Header">
      <p id="Header1c">OA办公后台管理系统</p>
      <div id="Page1HomeIcon">
        <img src="../images/Page1_HomePageIcon.png" alt="" />
        <p>首页</p>
      </div>
      <div id="Page1AppIcon">
        <img src="../images/Page1_AppIcon.png" alt="" />
        <p>员工</p>
      </div>
      <div id="AppShow">
        <div id="AppShowBox">
          <a><img src="../images/Page1_App01.png" alt="" />组织</a>
          <a><img src="../images/Page1_App02.png" alt="" />员工</a>
          <a><img src="../images/Page1_App03.png" alt="" />考勤</a>
          <a><img src="../images/Page1_App04.png" alt="" />薪酬</a>
          <a><img src="../images/Page1_App05.png" alt="" />社保公积金</a>
          <a><img src="../images/Page1_App06.png" alt="" />绩效</a>
          <a><img src="../images/Page1_App07.png" alt="" />招聘</a>
          <a><img src="../images/Page1_App08.png" alt="" />审批</a>
          <a><img src="../images/Page1_App09.png" alt="" />会议室预定</a>
          <a><img src="../images/Page1_App10.png" alt="" />车辆</a>
          <a><img src="../images/Page1_App11.png" alt="" />新闻</a>
          <a><img src="../images/Page1_App12.png" alt="" />公告</a>
          <a><img src="../images/Page1_App13.png" alt="" />合同库</a>
          <a><img src="../images/Page1_App14.png" alt="" />文档库</a>
          <a><img src="../images/Page1_App15.png" alt="" id="GotoZCPD"/>资产</a>
          <a><img src="../images/Page1_App16.png" alt="" />培训</a>
          <a><img src="../images/Page1_App17.png" alt="" />系统设置</a>
        </div>
      </div>
      <div id="Page1Search">
        <img src="../images/Page1_SearchIconBlur.png" alt="" />
        <input type="text" name="" id="" placeholder="请输入关键字" />
      </div>
      <div id="SelfZone">
        <div id="SelfNews">
          <div id="NewsImg">
            <div id="ImgFirst">
              <img id="ImgDot" src="../images/Page1_NewsIcon1.png" alt="" />
            </div>
          </div>
        </div>
        <div id="SelfSetBox">
          <img id="SelfImg" src="../images/Page1_SelfIcon.png" alt="" />
          <span>Daisy</span>
          <img id="ToMoreIcon" src="../images/Page1_toMoreIcon.png" alt="" />
        </div>
        <div id="SelfLoginSetBox">
          <div>重置密码</div>
          <div>退出系统</div>
        </div>
      </div>
    </div>
    <div id="MaskLayer"></div>
    <div id="SelfNewsShow">
      <div id="SelfNewsHeader">
        <div>消息通知</div>
        <div id="SelfNewsClose">
          <img src="../images/Page1_SelfNewsClose.png" alt="" />
        </div>
      </div>
      <div class="SelfNewsCont">
        <div class="NewsContIcon">
          <img src="../images/Page1_SelfNewsTitle.png" alt="" />
        </div>
        <div id="NewsContWords">
          <h4>员工资料变动提醒</h4>
          <p>晁文漪提交了入职申请表，请尽快审核</p>
        </div>
        <div id="NewsContRemind">
          <div>2022-8-21</div>
          <div><img src="../images/Page1_NewsIcon1.png" alt="" /></div>
        </div>
      </div>
      <div class="SelfNewsCont">
        <div class="NewsContIcon">
          <img src="../images/Page1_SelfNewsTitle.png" alt="" />
        </div>
        <div id="NewsContWords">
          <h5>员工资料变动提醒</h5>
          <p>晁文漪提交了入职申请表，请尽快审核</p>
        </div>
        <div id="NewsContRemind">
          <div>2022-8-21</div>
          <div><img src="../images/Page1_NewsIcon1.png" alt="" /></div>
        </div>
      </div>
    </div>
    <div id="Banner">
      <div id="BannerLeft">
        <div class="BannerLeftNav" style="margin-top: 25px">
          <div><img src="../images/Page1_LeftImg1.png" alt="" /></div>
          <div class="BannerLeftWords">员工管理</div>
          <div>
            <img src="../images/Page1_LeftImgArrow.png" alt="" class="Arrow" />
          </div>
        </div>
        <div class="BannerLeftCont">
          <div>花名册</div>
          <div>员工档案</div>
        </div>
        <div class="BannerLeftNav">
          <div><img src="../images/Page1_LeftImg2.png" alt="" /></div>
          <div class="BannerLeftWords">员工关系</div>
          <div>
            <img src="../images/Page1_LeftImgArrow.png" alt="" class="Arrow" />
          </div>
        </div>
        <div class="BannerLeftCont">
          <div>入职管理</div>
          <div style="background-color: #2561ef; color: white">转正管理</div>
          <div id="GotoRSDD">人事调动</div>
          <div>离职管理</div>
          <div>异动记录</div>
          <div>合同管理</div>
        </div>
        <div class="BannerLeftNav">
          <div><img src="../images/Page1_LeftImg3.png" alt="" /></div>
          <div class="BannerLeftWords">统计分析</div>
          <div>
            <img src="../images/Page1_LeftImgArrow.png" alt="" class="Arrow" />
          </div>
        </div>
        <div class="BannerLeftCont">
          <div>员工概况</div>
          <div>趋势分析</div>
        </div>
        <div class="BannerLeftNav">
          <div><img src="../images/Page1_LeftImg4.png" alt="" /></div>
          <div class="BannerLeftWords">员工设置</div>
          <div>
            <img src="../images/Page1_LeftImgArrow.png" alt="" class="Arrow" />
          </div>
        </div>
        <div class="BannerLeftCont">
          <div>员工档案字段设置</div>
          <div>人事审批表单设置</div>
          <div>人事规则设置</div>
        </div>
      </div>
      <div id="BannerRight">
        <div id="BannerDepartMaskLayer">
          <div id="BannerDepartLayer">
            <div id="BannerDepartLayerHead">
              <div>选择部门</div>
              <img src="../images/Page1_BannerDepartClose.png" alt="" />
            </div>
            <div id="BannerDepartLayerShowZone">
              <p>已选择</p>
              <div class="ShowZone">
                <div>
                  <span
                    >&nbsp;&nbsp;产品部&nbsp;&nbsp;|&nbsp;&nbsp;<img
                      src="../images/Page1_BannerRemove.png"
                      alt=""
                    />&nbsp;</span
                  >
                </div>
              </div>
            </div>
            <div id="ShowZoneSearch">
              <input type="text" name="" id="" placeholder="请输入关键字" />
              <img src="../images/Page1_BannerSearch.png" alt="" />
            </div>
            <h6 id="ShowZoneCoTitle"><span>黛西进出口贸易公司</span></h6>
            <div id="ShowZoneCo">
              <div class="CoBtn">
                <img src="../images/Page1_BannerDepartCo.png" alt="" />
                XXXXXX进出口贸易有限公司（3个）
              </div>
              <div class="CoBtn">
                <img src="../images/Page1_BannerDepartCo.png" alt="" />
                YYYYYY进出口贸易有限公司（3个）
              </div>
              <div class="CoBtn">
                <img src="../images/Page1_BannerDepartCo.png" alt="" />
                ZZZZZZ进出口贸易有限公司（3个）
              </div>
              <!-- <div class="BannerDepartDetail">
                <div style="color: #2561ef">
                  <img
                    src="../images/Page1_BannerDepartDetail.png"
                    alt=""
                  />&nbsp;&nbsp;产品部
                </div>
                <div>
                  <img src="../images/Page1_BannerDepartRadioOn.png" alt="" />
                </div>
              </div>
              <div class="BannerDepartDetail">
                <div>
                  <img
                    src="../images/Page1_BannerDepartDetail.png"
                    alt=""
                  />&nbsp;&nbsp;营销部
                </div>
                <div>
                  <img src="../images/Page1_BannerDepartRadio.png" alt="" />
                </div>
              </div>
              <div class="BannerDepartDetail">
                <div>
                  <img
                    src="../images/Page1_BannerDepartDetail.png"
                    alt=""
                  />&nbsp;&nbsp;研发部
                </div>
                <div>
                  <img src="../images/Page1_BannerDepartRadio.png" alt="" />
                </div>
              </div> -->
            </div>
            <div id="ShowZoneBtn">
              <button>取消</button>
              <button>确定</button>
            </div>
          </div>
        </div>
        <div id="BannerNav">
          <span>员工</span>
          <span>></span>
          <span>员工关系</span>
          <span>></span>
          <span id="PageNow">转正管理</span>
        </div>
        <div id="BannerMain">
          <div id="BannerHeader">
            <div id="BannerHeader1">待转正</div>
            <div id="BannerHeader2">已转正</div>
          </div>
          <div id="BannerMainSet">
            <div id="BannerMainSet1">
              <div id="BannerDepart">
                <span>入职部门</span
                ><button id="ChooseDepartBtn">
                  请选择<img src="../images/Page1_BannerDepart.png" alt="" />
                </button>
              </div>
              <div id="BannerPosition">
                <span>入职职位</span
                ><button>
                  请选择<img src="../images/Page1_BannerDownArrow.png" alt="" />
                </button>
                <div id="BannerPositionMenu">
                  <a>产品经理</a>
                  <a>设计师</a>
                  <a>设计主管</a>
                  <a>前台</a>
                </div>
              </div>
              <div id="BannerJoinDate">
                <span>入职日期</span>
                <div id="JoinDateCont">
                  <input type="text" placeholder="请选择日期" />
                  <span>~</span>
                  <input type="text" placeholder="请选择日期" />
                  <img src="../images/Page1_BannerDate.png" alt="" />
                </div>
              </div>
              <div id="BannerStuff">
                <span>员工类型</span
                ><button>
                  请选择<img src="../images/Page1_BannerDownArrow.png" alt="" />
                </button>
                <div id="BannerStuffType">
                  <a>全职</a>
                  <a>兼职</a>
                  <a>实习</a>
                  <a>临时工</a>
                </div>
              </div>
              <div id="BannerStuffDate">
                <span>转正日期</span>
                <div id="StuffDateCont">
                  <input type="text" placeholder="请选择日期" />
                  <span>~</span>
                  <input type="text" placeholder="请选择日期" />
                  <img src="../images/Page1_BannerDate.png" alt="" />
                </div>
              </div>
              <div id="BannerSearch">
                <input type="text" placeholder="请输入任意关键字" />
                <img src="../images/Page1_BannerSearch.png" alt="" />
              </div>
            </div>
            <div id="BannerMainBtn">
              <button>增加</button>
              <div id="AddMember">
                <div id="AddMemberPortrait">
                  头像：<input type="file" accept="image/*" />
                </div>
                <div id="AddMemberName">姓名：<input type="text" /></div>
                <div id="AddMemberId">
                  员工id：<input type="text" placeholder="例：GH000001" />
                </div>
                <div id="AddMemberDepart">部门：<input type="text" /></div>
                <div id="AddMemberPosition">职位：<input type="text" /></div>
                <div id="AddMemberTel">电话：<input type="text" /></div>
                <div id="AddMemberJoinDate">
                  入职日期：<input type="text" placeholder="格式：20XX-XX-XX" />
                </div>
                <div id="AddMemberProbation">
                  试用期：<input
                    type="text"
                    placeholder="例：3个月（最长6个月）"
                  />
                </div>
                <div id="AddMemberConfirmation">
                  转正日期：<input type="text" placeholder="格式：20XX-XX-XX" />
                </div>
                <div>
                  <button id="confirmAdd">确定新增</button
                  ><button id="cancelAdd">取消</button>
                </div>
              </div>
              <button>修改</button>
              <div id="EditMember">
                <div id="EditMemberPortrait">
                  头像：<input type="file" accept="image/*" />
                </div>
                <div id="EditMemberName">
                  姓名：<input type="text" placeholder="不可修改" disabled />
                </div>
                <div id="EditMemberId">
                  员工id：<input type="text" placeholder="不可修改" disabled />
                </div>
                <div id="EditMemberDepart">部门：<input type="text" /></div>
                <div id="EditMemberPosition">职位：<input type="text" /></div>
                <div id="EditMemberTel">电话：<input type="text" /></div>
                <div>
                  <button id="confirmEdit">确定修改</button
                  ><button id="cancelEdit">取消</button>
                </div>
              </div>
              <button>删除</button>
              <div id="RemoveMember">
                <div id="RemoveShow"></div>
                <div id="confirmRemove">确定删除</div
                ><div id="cancelRemove">取消</div>
              </div>
              <div id="AddModal"></div>
            </div>
          </div>
          <table id="BannerTable" class="table table-striped">
            <thead>
              <td><input type="checkbox" /></td>
              <td>头像 / 姓名</td>
              <td>员工编号</td>
              <td>部门</td>
              <td>
                <div class="TableSpec">
                  职位
                  <div>
                    <img
                      src="../images/Page1_BannerTableUpArrow.png"
                      class="BannerUp"
                    />
                    <img
                      style="transform: rotate(180deg); margin-top: 2px"
                      src="../images/Page1_BannerTableUpArrow.png"
                      class="BannerDown"
                    />
                  </div>
                </div>
              </td>
              <td>
                <div class="TableSpec">
                  手机号码
                  <div>
                    <img
                      src="../images/Page1_BannerTableUpArrow.png"
                      class="BannerUp"
                    />
                    <img
                      style="transform: rotate(180deg); margin-top: 2px"
                      src="../images/Page1_BannerTableUpArrow.png"
                      class="BannerDown"
                    />
                  </div>
                </div>
              </td>
              <td>入职日期</td>
              <td>试用期</td>
              <td>转正日期</td>
              <td>审批状态</td>
              <td>
                <div class="TableSpec">
                  操作
                  <img
                    style="width: 13px; height: 14px; margin-left: 5px"
                    src="../images/Page1_BannerTableSet.png"
                    class="BannerSet"
                  />
                </div>
              </td>
            </thead>
            <tbody>
              <tr>
                <td><input type="checkbox" class="CheckBox" /></td>
                <td>
                  <div style="color: #2561ef; cursor: pointer">
                    <img
                      src="../images/Page1_BannerTablePortrait.png"
                      alt=""
                    />王老五
                  </div>
                </td>
                <td>GH000001</td>
                <td>黛西进出口贸易公司 / 研发部</td>
                <td>产品经理</td>
                <td>19220880099</td>
                <td>2022-07-22</td>
                <td>3个月</td>
                <td>2022-10-22</td>
                <td>未发起</td>
                <td>
                  <a class="BannerSets" href="#">发起转正审批</a>
                  <a class="BannerSets" href="#">手动办理转正</a>
                </td>
              </tr>
            </tbody>
          </table>
          <nav id="Pagination" aria-label="Page navigation">
            <ul class="pagination">
              <li id="PrePage">
                <a>
                  <span>&laquo;</span>
                </a>
              </li>
              <li class="active"><a class="PageBtn">1</a></li>
              <li id="NextPage">
                <a>
                  <span>&raquo;</span>
                </a>
              </li>
            </ul>
          </nav>
        </div>
      </div>
    </div>
    <script src="../Js/Employment_confirmation_management.js"></script>
    <script src="../Utils/bootstrap-3.4.1-dist/js/bootstrap.js"></script>
  </body>
</html>
